<link rel="stylesheet" href="/static/home/assets/css/demo.css">
<link rel="stylesheet" href="/static/home/assets/css/seastyle.css">
<!--悬浮搜索框-->
<div class="search">
    <div class="search-list">
        <div class="am-g am-g-fixed">
            <div class="am-u-sm-12 am-u-md-12">
                <div class="theme-popover">
                    <ol class="am-breadcrumb am-margin-buttom-0">
                        <li><a href="/" class="am-icon-home">首页</a></li>
                        {$sign}
                        <li class="am-active">内容</li>
                    </ol>
                    <ul class="select">
                        <li class="select-result">
                            <dl>
                                <dt>已选</dt>
                                <dd class="select-no"></dd>
                                <p class="eliminateCriteria">清除</p>
                            </dl>
                        </li>
                        <div class="clear"></div>
                        <li class="select-list">
                            <dl id="select1">
                                <dt class="am-badge am-round am-u-sm-12">品牌</dt>	
                                <div class="dd-conent">		
                                    {volist name="pl" id="v"}
                                    <dd {if condition="input('param.id') eq $v.id"}class="selected"{/if}><a href='{:url("@lists/$v[id]")}'>{$v.name}</a></dd>
                                    {/volist}
                                </div>
                            </dl>
                        </li>
                        <li class="select-list">
                            <dl id="select2">
                                <dt class="am-badge am-round am-u-sm-12">种类</dt>
                                <div class="dd-conent">
                                    <dd {if condition="input('param.pid') eq 0"}class="selected"{/if}><a href='{:url("@lists/$id/0")}'>全部</a></dd>
                                    {volist name="zl" id="v"}
                                    <dd {if condition="input('param.pid') eq $v.id"}class="selected"{/if}><a href='{:url("@lists/$id/$v[id]")}'>{$v.name}</a></dd>
                                    {/volist}
                                </div>
                            </dl>
                        </li>
<!--                        <li class="select-list">
                            <dl id="select3">
                                <dt class="am-badge am-round">选购热点</dt>
                                <div class="dd-conent">
                                    <dd class="select-all selected"><a href="#">全部</a></dd>
                                    <dd><a href="#">手剥松子</a></dd>
                                    <dd><a href="#">薄壳松子</a></dd>
                                    <dd><a href="#">进口零食</a></dd>
                                    <dd><a href="#">有机零食</a></dd>
                                </div>
                            </dl>
                        </li>-->

                    </ul>
                    <div class="clear"></div>
                </div>
                <div class="search-content">
                    <div class="sort">
                        <li {if condition="$sort eq 'add_time' or $sort eq ''"}class="first"{/if}><a {if condition="input('param.sort') == 'add_time-asc'"}href='{:url("@lists/$id/$pid/add_time-desc")}' class="am-icon-arrow-up"{else/}href='{:url("@lists/$id/$pid/add_time-asc")}' class="am-icon-arrow-down"{/if}title="时间"> 时间排序</a></li>
                        <li {if condition="$sort eq 'click'"}class="first"{/if}><a {if condition="input('param.sort') == 'click-asc'"}href='{:url("@lists/$id/$pid/click-desc")}' class="am-icon-arrow-up"{else/}href='{:url("@lists/$id/$pid/click-asc")}' class="am-icon-arrow-down"{/if}title="浏览量"> 浏览排序</a></li>
                    </div>
                    <div class="clear"></div>

                    <ul class="am-avg-sm-1 am-avg-md-2 am-avg-lg-4 boxes">
                        {if condition="$data"}
                        {volist name="data" id="v"}
                        <li class="p8">
                            <a href="{:url('/'.$v.id)}" class='zhuzong'>
                                <div class="am-thumbnail">
                                    <img class='height-350' src="{$v.cover_image}" alt="{$v.title}"/>
                                    <div class="am-thumbnail-caption am-cf">
                                        <h3 class='blog-text-center title'>{$v.title}</h3>
                                        <p class='height-125'>{$v['introduction'] ? cutString($v['introduction'],50) : '本站提供'.$v.title.'下载 最新最好看的付费电影,喜欢本站记得把本站推荐给好友...'}</p>
                                        <span class="am-fl am-icon-calendar"> {$v.add_time|date='Y-m-d',###}</span>
                                        <span class="am-fr am-icon-eye"> {$v.click}人</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        {/volist}
                        {else/}
                        <li class="miss ptop_10">好遗憾  没有数据呢~</li>
                        {/if}
                    </ul>
                    <!--分页 -->
                    {$page}
                </div>
                <div class="search-side">
                    <div class="side-title">
                        <div data-am-widget="tabs" class="am-tabs am-tabs-default">
                           <ul class="am-tabs-nav am-cf">
                               <li class="am-active"><a href="[data-tab-panel-0]">今日排行</a></li>
                               <li class=""><a href="[data-tab-panel-1]">本周排行</a></li>
                               <li class=""><a href="[data-tab-panel-2]">本月排行</a></li>
                           </ul>
                           <div class="am-tabs-bd">
                               <div data-tab-panel-0 class="am-tab-panel am-active">
                                   {if condition="$ranking.ri"}
                                   {volist name="ranking.ri" id="v"}
                                    <li>
                                       <div class="i-pic check zhuzong">
                                            <img class="am-img-responsive" src="{$v.cover_image}" alt="{$v.title}">
                                            <h3 class="title">{$v.title}</h3>
                                            <span class="am-fl am-icon-calendar"> {$v.add_time|date='Y-m-d',###}</span>
                                            <span class="am-fr am-icon-eye"> {$v.click}人</span>
                                       </div>
                                   </li>
                                   {/volist}
                                   {else/}
                                   <li>该类别今日没有更新呢~</li>
                                   {/if}
                               </div>
                               <div data-tab-panel-1 class="am-tab-panel ">
                                 {if condition="$ranking.zhou"}
                                 {volist name="ranking.zhou" id="v"}
                                    <li>
                                       <div class="i-pic check zhuzong">
                                            <img class="am-img-responsive" src="{$v.cover_image}" alt="{$v.title}">
                                            <h3 class="title">{$v.title}</h3>
                                            <span class="am-fl am-icon-calendar"> {$v.add_time|date='Y-m-d',###}</span>
                                            <span class="am-fr am-icon-eye"> {$v.click}人</span>
                                       </div>
                                   </li>
                                   {/volist}
                                   {else/}
                                   <li>该类别本周没有更新呢~</li>
                                   {/if}
                               </div>
                               <div data-tab-panel-2 class="am-tab-panel ">
                                 {if condition="$ranking.yue"}
                                 {volist name="ranking.yue" id="v"}
                                    <li>
                                       <div class="i-pic check zhuzong">
                                            <img class="am-img-responsive" src="{$v.cover_image}" alt="{$v.title}">
                                            <h3 class="title">{$v.title}</h3>
                                            <span class="am-fl am-icon-calendar"> {$v.add_time|date='Y-m-d',###}</span>
                                            <span class="am-fr am-icon-eye"> {$v.click}人</span>
                                       </div>
                                   </li>
                                   {/volist}
                                   {else/}
                                   <li>该类别本月没有更新呢~</li>
                                   {/if}
                               </div>
                           </div>
                       </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>

</div>
<script src="/static/home/assets/js/script.js"></script>

